<template>
    <div class="mg-tb">
        <!-- 利用mint-ui实现轮播 -->
        <mt-swipe :auto="105000">
            <mt-swipe-item v-for="(item,index) in imgs" :key="index">
                <img :src="item.img">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props: ['imgs']
}
</script>

<style scoped>
.mg-tb[data-v-b57678ba] {
    position: relative;
    top: 0px;
}

.mint-swipe[data-v-0112d75c] {
    height: 300px;
}

.mint-swipe-item img {
    width: 100%;
    height: 100%;
}

.mint-swipe {
    height: 200px;
}

.mint-swipe-item {
    width: 100%;
    height: 300px;
    background-color: red;
}
</style>